<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="https://cdnresource.longjulicai.com/favicon.ico" type="image/x-icon" />
  <title>MirDry评估</title>
  <script src="../../js/common.js"></script>
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/doctor/evaluate.css">
</head>

<body>
  <div class="container">
    <div class="evaluateProject">
      <div class="topTitle">
        MirDry治疗腋下多汗及腋臭评估
      </div>
      <div class="tableTit">
        多汗量评估表（HDSS）
      </div>
      <div class="desc">以下关于腋下流汗情形描述，请选出最适合您的描述</div>
      <ul class="selectList">
        <li class="clearfix">
          <div class="num fl">01</div>
          <div class="descInfo fl">我从未注意腋下流汗（汗湿）情形，腋下流汗（汗湿）也为干扰我日常生活。</div>
          <div class="select fl">
            <i></i>
          </div>
        </li>
        <li class="clearfix">
          <div class="num fl">02</div>
          <div class="descInfo fl">我从未注意腋下流汗（汗湿）情形，腋下流汗（汗湿）也为干扰我日常生活。</div>
          <div class="select fl">
            <i class="selected"></i>
          </div>
        </li>
        <li class="clearfix">
          <div class="num fl">03</div>
          <div class="descInfo fl">我从未注意腋下流汗（汗湿）情形，腋下流汗（汗湿）也为干扰我日常生活。</div>
          <div class="select fl">
            <i class="selected"></i>
          </div>
        </li>
        <li class="clearfix">
          <div class="num fl">04</div>
          <div class="descInfo fl">我从未注意腋下流汗（汗湿）情形，腋下流汗（汗湿）也为干扰我日常生活。</div>
          <div class="select fl">
            <i class="selected"></i>
          </div>
        </li>
      </ul>
      <div class="result">
        <div class="score">
          <div class="topTitle">
            多汗量评估表（10分量表）
          </div>
          <div class="desc">
            请评估您腋下流汗的严重性
          </div>
          <div class="desc">(请选择最适合的分数，10分为非常严重)</div>
          <div class="progress por">
            <ul class="clearfix">
              <li>
                <div class="widthDiv"></div>
                <p>1</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>2</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>3</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>4</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>5</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>6</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>7</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>8</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <h3 class="clearfix">
                  <p class="fl">9</p>
                  <p class="fr">10</p>

                </h3>
              </li>
            </ul>
            <div class="selectPro poa">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="evaluateProject">
      <div class="topTitle">
        腋臭评估表（距离量表）
      </div>
      <div class="desc">以下关于腋下异味情形描述，请选出最适合您的描述</div>
      <ul class="selectList">
        <li class="clearfix">
          <div class="num fl">01</div>
          <div class="descInfo fl">我没有腋下异味</div>
          <div class="select fl">
            <i></i>
          </div>
        </li>
        <li class="clearfix">
          <div class="num fl">02</div>
          <div class="descInfo fl">在距离1米之内能闻到腋下异味</div>
          <div class="select fl">
            <i class="selected"></i>
          </div>
        </li>
        <li class="clearfix">
          <div class="num fl">03</div>
          <div class="descInfo fl">在距离2米之内能闻到腋下异味</div>
          <div class="select fl">
            <i class="selected"></i>
          </div>
        </li>
        <li class="clearfix">
          <div class="num fl">04</div>
          <div class="descInfo fl">在距离3米之内能闻到腋下异味</div>
          <div class="select fl">
            <i class="selected"></i>
          </div>
        </li>
      </ul>
      <div class="result">
        <div class="score">
          <div class="topTitle">
            腋臭评估表（10分量表）
          </div>
          <div class="desc">
            请评估您腋下腋下异味的严重性
          </div>
          <div class="desc">(请选择最适合的分数，10分为非常严重)</div>
          <div class="progress por ">
            <ul class="clearfix">
              <li>
                <div class="widthDiv"></div>
                <p>1</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>2</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>3</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>4</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>5</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>6</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>7</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <p>8</p>
              </li>
              <li>
                <div class="widthDiv"></div>
                <h3 class="clearfix">
                  <p class="fl">9</p>
                  <p class="fr">10</p>

                </h3>
              </li>
            </ul>
            <div class="selectPro poa">
            </div>
          </div>
        </div>
      </div>
    </div>
    <button type="button" class="submitBtn">
       提交评估
    </button>
  </div>


</body>
<script src="../../js/jquery-1.11.3.min.js"></script>
<script>
  $(".select i").each(function () {
    $(this).click(function () {
      if ($(this).hasClass("selected")) {
        $(this).removeClass("selected");
      } else {
        $(this).addClass("selected");
      }
    })
  })
  $(".progress ul li").each(function () {
    $(this).click(function () {
      var W = $(this).width();
      var index = $(this).index() + 1;
      $(this).parents(".progress").children(".selectPro").width(index * W);
    })
  })
</script>

</html>